<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/classify.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/detail.css"/>
		<script src="js/js.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="web">
			<!--头部-->
			<header>
				<div class="header-back fl">
					<input onclick="location='classify.html'" type="button" value="Back"/>
				</div>
				<div onclick="changecolor()" class="header-right fr">
					<img class="detail-star" src="img/header-right-pic1.png"/>
					<img style="display: none;" class="detail-star" src="img/header-right-pic12.png"/>
				</div>
				<div class="header-title">
					产品详情
				</div>
			</header>
			
			<!--主体-->
			<section>
				
				<div class="detail-bg">
					<div class="detail-bg-pic">
						<div class="swiper-container">
					        <div class="swiper-wrapper">
					            <div class="swiper-slide"><img src="img/detail-bp.jpg"/></div>
					            <div class="swiper-slide"><img src="img/detail-bp.jpg"/></div>
					            <div class="swiper-slide"><img src="img/detail-bp.jpg"/></div>
					            <div class="swiper-slide"><img src="img/detail-bp.jpg"/></div>
					           
					        </div>
					    </div>
					    <script>
					    	var swiper = new Swiper('.swiper-container',{
					    		loop:true,
					    		autoplay:2000,
					    		spaceBetween:30
					    	});
					    </script>
						
					</div>
					<div class="detail-bg-text">
						<span>￥32</span>
						<input type="button" class="item-button" value="购买" />
						<div class="clear"></div>
					</div>
					
					<div class="detail-bg-text1">
						<p><img src="img/header-right-pic1.png"/>好评度<span>99%</span></p>
						<a href="#">共605个评价></a>
						<div class="clear"></div>
					</div>
				</div>
				
				<div class="item4-content">
					<div class="item4-content-title">
						<span>适用商户</span>
						<span>></span>
					</div>
					
					<div class="item4-item">
						<div class="item4-item-pic">
							<img src="img/item4-pic1.jpg"/>
							<div class="item4-item-pic-text">
								正佳店
							</div>
						</div>
						
						<div class="item4-item-button">
							<input type="button" value="进入" class="item-button" />
						</div>
						
						<div class="item4-item-msg">
							<h5>万岁寿司（正佳店）</h5>
							<div class="starbox">
								<div class="star">
									<img src="img/header-right-pic1.png"/>
								</div>
								<div class="star">
									<img src="img/header-right-pic1.png"/>
								</div>
								<div class="star">
									<img src="img/header-right-pic1.png"/>
								</div>
								<div class="star">
									<img src="img/header-right-pic1.png"/>
								</div>
								<div class="star">
									<img src="img/header-right-pic1.png"/>
								</div>
								<span>10分</span>
							</div>
							<p>离你100m</p>
							<a href="">查看详情 >></a>
						</div>
						
						<div class="clear"></div>
					</div>
					
					<div class="item4-item">
						<div class="item4-item-pic">
							<img src="img/item4-pic2.jpg"/>
							<div class="item4-item-pic-text">
								体育西店
							</div>
						</div>
						
						<div class="item4-item-button">
							<input type="button" value="进入" class="item-button" />
						</div>
						
						<div class="item4-item-msg">
							<h5>万岁寿司（体育西店）</h5>
							<div class="starbox">
								<div class="star">
									<img src="img/header-right-pic1.png"/>
								</div>
								<div class="star">
									<img src="img/header-right-pic1.png"/>
								</div>
								<div class="star">
									<img src="img/header-right-pic1.png"/>
								</div>
								<div class="star">
									<img src="img/header-right-pic1.png"/>
								</div>
								<div class="star">
									<img src="img/header-right-pic1.png"/>
								</div>
								<span>10分</span>
							</div>
							<p>离你100m</p>
							<a href="">查看详情 >></a>
						</div>
						
						<div class="clear"></div>
					</div>
					
					<div class="item4-item">
						<div class="item4-item-pic">
							<img src="img/item4-pic3.jpg"/>
							<div class="item4-item-pic-text">
								昌岗店
							</div>
						</div>
						
						<div class="item4-item-button">
							<input type="button" value="进入" class="item-button" />
						</div>
						
						<div class="item4-item-msg">
							<h5>万岁寿司（昌岗店）</h5>
							<div class="starbox">
								<div class="star">
									<img src="img/header-right-pic1.png"/>
								</div>
								<div class="star">
									<img src="img/header-right-pic1.png"/>
								</div>
								<div class="star">
									<img src="img/header-right-pic1.png"/>
								</div>
								<div class="star">
									<img src="img/header-right-pic1.png"/>
								</div>
								<div class="star">
									<img src="img/header-right-pic1.png"/>
								</div>
								<span>10分</span>
							</div>
							<p>离你100m</p>
							<a href="">查看详情 >></a>
						</div>
						
						<div class="clear"></div>
					</div>
					
				</div>
			</section>
			
			<!--脚部-->
			<footer>
				<ul>
					<li><a href="index.html">
							<i class="iconfont icon-noun28593cc"></i>
							<p>首页</p>
						</a></li>
					<li><a href="classify.html">
							<i class="iconfont icon-fl"></i>
							<p>分类</p>
						</a></li>
					<li><a href="found.html">
							<i class="iconfont icon-zhinanzhen"></i>
							<p>发现</p>
						</a></li>
					<li><a href="my.html">
							<i class="iconfont icon-ren"></i>
							<p>我的</p>
						</a></li>
				</ul>
			</footer>
		</div>
		
		<script type="text/javascript">
			document.body.style.height = window.innerHeight + "px";
		</script>
	</body>
</html>
